/* hover-class样式开始 */
.u-hover-class {
	opacity: 0.7 !important;
}

.flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flexrow{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.flexcolumn{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.flexcenter{
		justify-content: center;
	}
	.flexaround{
		justify-content: space-around;
	}
	.flexbetween{
		justify-content: space-between;
	}
	// .content{
	// 	width: 100vw;
	// }
	.fontsize12{
		font-size: 12px;
	}
	.fontsize14{
		font-size: 14px;
	}
	.fontsize10{
		font-size: 10px;
	}
	.fontsize16{
		font-size: 16px;
	}
	.fontsize18{
		font-size: 18px;
	}
	.fontsize24{
		font-size: 24px;
	}
	.color999{
		color: #999999;
	}
	.color333{
		color: #333333;
	}
	.fontw{
		font-weight: 600;
	}
	.color666{
		color: #666666;
	}
	.colorC73{
		color:#36BC73;
	}
	.color3FA{
		color: #3FA3FA;
	}
.colorD4 {
  color: #D4D4D4;
}
	/* 底部btn */
	
	.btnWhite {
	  height: 100rpx;
	  width: 100%;
	}
	
	.btnsFixed {
	  position: fixed;
	  bottom: 0;
	  text-align: center;
	  width: 100%;
	  z-index: 66;
	  background: #ffffff;
	  padding: 20rpx 3%;
	}
	.marginTop20{
		margin-top: 40rpx;
	}
	.marginTop4{
		margin-top: 8rpx;
	}
// 空白页面
.blackImg{
	display: block;
	width: 260rpx;
	height: 260rpx;
	margin: 100rpx auto 30rpx;
}
.blackContent{
	text-align: center;
	color: #999999;
}
// 空白页面
.blackImg{
	display: block;
	width: 260rpx;
	height: 260rpx;
	margin: 100rpx auto 30rpx;
}
.blackContent{
	text-align: center;
	color: #999999;
}

// 滚动区域、固定底部、固定头部区域盒子
.top-box,
.scroll-box,
.bottom-box {
 position: relative;
 width: 100%;
 height: 100%;
}